//下面是实现二级导航逻辑的代码=======================================

// 实现 浮动列 效果的方法
// 1 根据子项数量确定父容器的宽度
$('.show-wrap').each(function () {
    var arrLi = $(this).find('.shop-item'); //取得所有二级分类的li元素
    var height = arrLi.innerHeight();
    var width = arrLi.innerWidth();
    var length = arrLi.length; //获取当前一级分类下的二级分类数量

    var col = Math.ceil(length / 6); //6是根据父容器的宽度和shop-item的宽度计算得来的
    $(this).width(col * width);
    arrLi.each(function (i) {
        var x = Math.floor(i / 6); //x为x轴方向的 倍数关系
        var y = i % 6 //y为y轴方向的 倍数关系 
        $(this).css({
            left: width * x + 'px',
            top: height * y + 'px'
        });
    })
});
//上面是实现二级导航逻辑的代码=======================================
